@extends('frontend.layout.base')

@section('body')
    <div class="row">
        <div class="panel panel-default panel-game">
            <div class="panel-heading">{{ $title }}</div>
            <div class="panel-body">
                @foreach($categories as $category)
                    <div class="col-md-6">
                        <div class="panel panel-default">
                            <a href="{{ url('games/cat', $category->slug) }}">
                                <div class="panel-body">
                                    <div class="media">
                                        <div class="media-body">

                                            <h4 class="media-heading">{{ $category->name }}</h4>
                                            {{ $category->description }}

                                        </div>
                                        <div class="media-right">
                                            <img class="media-object" src="{{ $category->icon }}" alt="..." width="50" height="50">
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-7985605624032654"
             data-ad-slot="5574899289"
             data-ad-format="auto"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>
@stop